<!--
 * @Author: your name
 * @Date: 2020-12-06 14:38:45
 * @LastEditTime: 2020-12-09 10:41:07
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \Web\HTML5CSS3上课内容\微金所\index.html
-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>WJS</title>
  <!-- Bootstrap -->
  <link rel="shortcut icon" href="favicon.ico">
  <link href="lib/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="lib/Css/wjs.css">
</head>

<body>
  <!-- 页头部分：通栏部分和导航条 -->
  <header>
    <!-- 通栏部分 -->
    <div class="topbar hidden-xs hidden-sm">
      <div class="container">
        <div class="row text-center">
          <div class="col-md-2">
            <i class="glyphicon glyphicon-phone"></i>
            手机微金所
            <i class="glyphicon glyphicon-menu-down"></i>
            <img src="images/code.jpg" alt="">
          </div>
          <div class="col-md-5">
            <i class="glyphicon glyphicon-phone-alt"></i>4006-89-4006(服务时间: 9:00-21:00)
          </div>
          <div class="col-md-2">
            <a href="#">常见问题</a>
            <a href="#">财富登录</a>
          </div>
          <div class="col-md-3">
            <a href="#" class="btn btn-danger">免费注册</a>
            <a href="#" style="font-size: 14px;">登录</a>
          </div>
        </div>
      </div>
    </div>

    <!-- 导航条 -->
    <nav class="navbar navbar-default">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">微金所</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">我要投资 <span class="sr-only">(current)</span></a></li>
            <li><a href="#">我要借款</a></li>
            <li><a href="#">平台介绍</a></li>
            <li><a href="#">新手专区</a></li>
            <li><a href="#">最新动态</a></li>
            <li><a href="#">微论坛</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">个人中心</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
  </header>
  <!-- 轮播图 -->
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- 指示器 -->
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <!-- 轮播页 -->
    <div class="carousel-inner" role="listbox">
      <div class="item active">
        <img src="images/slide_01_640x340.jpg" alt="" class="hidden-sm hidden-md hidden-lg">
        <a href="" class="hidden-xs img-pc" style="background-image:url('images/slide_01_2000x410.jpg');"></a>
      </div>
      <div class="item">
        <img src="images/slide_02_640x340.jpg" alt="" class="hidden-sm hidden-md hidden-lg">
        <a href="" class="hidden-xs img-pc" style="background-image:url('images/slide_02_2000x410.jpg');"></a>
      </div>
      <div class="item">
        <img src="images/slide_03_640x340.jpg" alt="" class="hidden-sm hidden-md hidden-lg">
        <a href="" class="hidden-xs img-pc" style="background-image:url('images/slide_03_2000x410.jpg');"></a>
      </div>
    </div>

    <!-- 左右控制按钮 -->
    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <!-- 产品特点 -->
  <div class="feature hidden-xs">
    <div class="container">
      <div class="row">
        <div class="col-sm-6 col-md-4">
          <a href="#">
            <i class="text-img glyphicon glyphicon-grain"></i>
            <h4>支付交易保证<br>
              <span>银联支付全程保证交易安全</span>
            </h4>
          </a>
        </div>

        <div class="col-sm-6 col-md-4">
          <a href="#">
            <i class="text-img glyphicon glyphicon-eye-open"></i>
            <h4>支付交易保证<br>
              <span>银联支付全程保证交易安全</span>
            </h4>
          </a>
        </div>

        <div class="col-sm-6 col-md-4">
          <a href="#">
            <i class="text-img glyphicon glyphicon-usd"></i>
            <h4>支付交易保证<br>
              <span>银联支付全程保证交易安全</span>
            </h4>
          </a>
        </div>

        <div class="col-sm-6 col-md-4">
          <a href="#">
            <i class="text-img glyphicon glyphicon-yen"></i>
            <h4>支付交易保证<br>
              <span>银联支付全程保证交易安全</span>
            </h4>
          </a>
        </div>

        <div class="col-sm-6 col-md-4">
          <a href="#">
            <i class="text-img glyphicon glyphicon-list-alt"></i>
            <h4>支付交易保证<br>
              <span>银联支付全程保证交易安全</span>
            </h4>
          </a>
        </div>

        <div class="col-sm-6 col-md-4">
          <a href="#">
            <i class="text-img glyphicon glyphicon-globe"></i>
            <h4>支付交易保证<br>
              <span>银联支付全程保证交易安全</span>
            </h4>
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 预约 -->
  <div class="reservation">
    <div class="container">
      <div class="row">
        <div class="col-md-9">
          <i class="glyphicon glyphicon-flag"></i>
          现在有<span class="number">458</span>人在排队，累计预约交易成功<span class="number">7409</span>次。什么是预约投标<a href="#"
            class="number">立即预约</a>
        </div>
        <div class="col-md-3 hidden-xs hidden-sm">
          <a href="#">
            <i class="glyphicon glyphicon-film"></i>
            微金所企业宣传片
          </a>
        </div>
      </div>
    </div>
  </div>

  <!-- 推荐 -->
  <section id="products">
    <div class="container">
      <!-- Nav tabs -->
      <div class="touch-scroll">
        <ul class="nav nav-tabs" role="tablist">
          <li role="presentation" class="active"><a href="#category_01" aria-controls="category_01" role="tab"
              data-toggle="tab">特别推荐</a></li>
          <li role="presentation"><a href="#category_02" aria-controls="category_02" role="tab"
              data-toggle="tab">微投资</a></li>
          <li role="presentation"><a href="#category_03" aria-controls="category_03" role="tab"
              data-toggle="tab">微小宝</a></li>
          <li role="presentation"><a href="#category_04" aria-controls="category_04" role="tab"
              data-toggle="tab">微消费</a></li>
          <li role="presentation"><a href="#category_05" aria-controls="category_05" role="tab"
              data-toggle="tab">微增利</a></li>
          <li role="presentation"><a href="#category_06" aria-controls="category_06" role="tab"
              data-toggle="tab">微金宝</a></li>
          <li role="presentation"><a href="#category_06" aria-controls="category_06" role="tab"
              data-toggle="tab">微转让</a></li>
          <li class="hidden-sm hidden-xs pull-right"><a href="#" class="btn btn-link">更多</a></li>
        </ul>
      </div>
      <!-- Tab panes -->
      <div class="tab-content">
        <div role="tabpanel" class="tab-pane fade active in" id="category_01">
          <div class="row">
            <div class="col-md-6 col-lg-4">
              <div class="panel-product active">
                <div class="panel-heading">
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">

                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>

                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product state-1">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product state-2">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product state-3">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product state-4">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="category_02">
          <div class="row">
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="category_03">
          <div class="row">
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="category_04">
          <div class="row">
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="category_05">
          <div class="row">
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="category_06">
          <div class="row">
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="panel-product">
                <div class="panel-heading">
                  <p class="tooltips">
                    <span class="primary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="北京市">京</span>
                    <span class="secondary" data-toggle="tooltip" data-placement="top" title=""
                      data-original-title="实地认证">实</span>
                  </p>
                  <p><strong>8</strong><sub>%</sub>
                    <br><span>年利率</span></p>
                </div>
                <div class="panel-body">
                  <h5>新手体验标0650期</h5>
                  <div class="row">
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-left">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                    <div class="col-xs-6 text-right">
                      <dt>起投金额(元)</dt>
                      <dd>0.01<sub>万</sub></dd>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 新闻 -->
  <section id="news">
    <div class="container">
      <div class="row">
        <div class="col-md-offset-2 col-md-2">
          <div class="news-title">
            全部新闻
          </div>
        </div>
        <div class="col-md-1">
          <!-- Nav tabs -->
          <ul class="nav nav-pills nav-stacked news-nav" role="tablist">
            <li role="presentation" class="active"><a href="#news_1" aria-controls="news_1" role="tab" data-toggle="tab"
                data-title="全部新聞"><i class="icon-news01"></i></a></li>
            <li role="presentation"><a href="#news_2" aria-controls="news_2" role="tab" data-toggle="tab"
                data-title="媒體報道"><i class="icon-news02"></i></a></li>
            <li role="presentation"><a href="#news_3" aria-controls="news_3" role="tab" data-toggle="tab"
                data-title="微金所頭條"><i class="icon-news03"></i></a></li>
            <li role="presentation"><a href="#news_4" aria-controls="news_4" role="tab" data-toggle="tab"
                data-title="行業資訊"><i class="icon-news04"></i></a></li>
          </ul>
          <i class="line hidden-sm hidden-xs"></i>
        </div>
        <div class="col-md-7">
          <!-- Tab panes -->
          <div class="tab-content">
            <div role="tabpanel" class="tab-pane fade active in" id="news_1">
              <ul>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
              </ul>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="news_2">
              <ul>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
              </ul>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="news_3">
              <ul>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2015年12月10日共23个项目按时完成全部还款</li>
              </ul>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="news_4">
              <ul>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
                <li>【微还款】2016年12月10日共23个项目按时完成全部还款</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 合作伙伴 -->
  <section id="partner" class="hidden-xs">
    <div class="container">
      <h3 class="text-center">合作伙伴</h3>
      <div class="text-center">
        <ul class="partner-list">
          <li>
            <a class="icon-uniE930" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
          <li>
            <a class="icon-uniE92F" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
          <li>
            <a class="icon-uniE92E" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
          <li>
            <a class="icon-uniE92A" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
          <li>
            <a class="icon-uniE929" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
          <li>
            <a class="icon-uniE931" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
          <li>
            <a class="icon-uniE92C" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
          <li>
            <a class="icon-uniE92B" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
          <li>
            <a class="icon-uniE92D" href="http://www.chinapay.com/" target="_blank"></a>
          </li>
        </ul>
      </div>
    </div>
  </section>


  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
  <script src="lib/JQ/jquery-1.12.4.min.js"></script>
  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
  <script src="lib/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>

</html>